﻿<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width" /><title>@ViewBag.Title</title>
        <link href="../../Contents/styles/profiles.css" rel="stylesheet" type="text/css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
        <script src="../../Contents/scripts/external/jquery.scrollTo-1.4.3.1-min.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="page-root">
            <div id="page-content">
                <div id="top-bar">
                    <h2>
                        Hello, Manmohan Singh</h2>
                </div>
                <div id="left-panel">
                    <div>
                        <div id="photo-panel">
                            <img src="../../Contents/images/profile/user.jpg" alt="Manmohan Singh" />
                        </div>
                        <div id="rating-panel">
                            <div>
                                <img src="../../Contents/images/profile/star.png" alt="rating" /><img src="../../Contents/images/profile/star.png"
                                    alt="rating" /><img src="../../Contents/images/profile/star.png" alt="rating" /><img
                                        src="../../Contents/images/profile/star.png" alt="rating" /><img src="../../Contents/images/profile/star.png"
                                            alt="rating" /></div>
                            <div>
                                <div id="percentile-panel">
                                    <h1>
                                        99
                                    </h1>
                                    <div>
                                        <span>percentile</span>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div id="rank-panel">
                                    <h1>
                                        99999
                                    </h1>
                                    <div>
                                        <span>overall rank</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="right-panel">
                    <div id="page-body">
                        <div>
                            @RenderBody()
                        </div>
                    </div>
                </div>
            </div>
            <div id="footer">
                <div style="float: right; padding: 2px; margin-right: 10px;">
                    Log off</div>
            </div>
        </div>
    </body>
</html>
